<template>
    <div>
        <div  class="header">
            <span class="bian"></span>
            <span class="title">会话列表</span>
            <span class="bian" @click="fun">关闭</span>
        </div>
        <van-empty description="-暂无会话消息-" />
        <div class="ad">
            <div class="ad-l">
                <div class="x" @click="close">X</div>
                <img src="http://s1.ljcdn.com/m-new/client/media/src/client/components/DownloadAppTopBanner/img/s-logo.6cec1c3e.png" alt="">
            </div>
            <div class="ad-c">
                <p class="p1">下载贝壳找房APP</p>
                <p>随时接受经纪人消息</p>
            </div>
            <!-- <a href="https://linkm.ke.com/?schema=lianjiabeike%253A%252F%252Fershoufang%252Fhome%253FcityID%253D110000%2526source%253Dzhannei_baidu&redirect_url=http%253A%252F%252Fad.data.lianjia.com%252Fcallback%252Fsem%253FutmSource%253Dbaidu%2526utmMedium%253Dpinzhuan&ssid=&uuid=&refer=&ucid=&current_url=&sign=a565d68581bf3bdd0382235ae18042bd">立即打开</a> -->
            <a href="https://apps.apple.com/cn/app/id1347663353">立即打开</a>
        </div>
    </div>
</template>

<script>
import Vue from 'vue';
import { Empty } from 'vant';

Vue.use(Empty);


export default{
    methods: {
        fun(){
            //关闭页面函数
            console.log("wsw");
        },
        close(){
            let ad = document.querySelector('.ad');
            ad.style.display = 'none';
        }
    },
}


</script>

<style lang='stylus' scoped>
.header
    height 0.42rem
    display  flex
    align-items center
    justify-content  space-between
.title
    font-size  0.2rem

.bian
    width 0.44rem
.ad
    height 0.5rem
    width 100% 
    background-color #727272
    position fixed
    bottom  0
    display flex
    justify-content  space-between
.ad a
    width 0.8rem
    background-color blue
    line-height 0.5rem
    text-align center
    font-weight:bold;
    color #fff
.ad-l
    width 0.6rem
    height 0.5rem
    position relative
.ad-c
    flex-grow 1
    display flex
    flex-direction column
    justify-content space-evenly
    color #fff
    padding-left 0.05rem
.p1
    font-size 0.18rem
.x
    position absolute
    color #fff
    width 0.15rem
.ad-l img
    width 0.33rem
    height 0.33rem
    margin 0.08rem 0.15rem
</style>